Si la reproducción no comienza en breve, intenta reiniciar el dispositivo.
5 segundos
Configuración
Saliste de tu cuenta
Es posible que los videos que mires se agreguen al historial de reproducciones de la TV, lo que puede influir en las recomendaciones. Para que esto no suceda, presiona “Cancelar” y accede a YouTube desde tu computadora.
En este vídeo te voy a mostrar cómo poder hacer un Menú Horizontal Responsive con CSS Flexbox, usando un poco de Vanilla JS. Sucríbete para más vídeos como éste. :)
-------------------------------------------------------------------------------------------
ACCESO AL CÓDIGO FUENTE EN MI PATREON: https://www.patreon.com/LexterXPS
Sígueme en Facebook: http://facebook.com/XPSTutoriales
E - mail: xtremetuts@gmail.com
No olvides dejar tu Like y compartir para seguir creciendo. :)
para la gente que no entendió el js, esta es otra opción mucho mas fácil.1. (en el html)donde tenemos la clase class="menu-items" vamos a agregar un id, id="otroModo"donde tenemos la clase class="btn-menu" vamos a agregar un evento al darle click, onclick="showmenu()"2.(en el javaScript)haremos una función (la que tenemos en el onclick).function showmenu() {
document.getElementById("otroModo").classList.toggle("show");
}solamente es que va a ir al documento y va a buscar el id llamado otroModo y si tiene la clase show se la quita y sino la tiene se la pone.
Hola, acá les dejo mi solución, ya que la del tutorial no me funcionaba. (en el html el src al js lo deje como archivo.js), al const del js lo cambié por var y ualá!, espero le sirva a alguien más, saludos!. Y muchas gracias por el Menú!window.onload = function() {
var btn_menu = document.querySelector('.btn_menu')
if (btn_menu) {
btn_menu.addEventListener('click', () => {
var menu_items = document.querySelector('.menu_items')
menu_items.classList.toggle('show')
})
}
}
Hola, tengo una duda. Me salió bastante bien pero el botón de menú y el logo no quedaron posicionados igual que en tu video. Quedan más centrados y a medida que achico la pantalla, se van acercando hasta juntarse. Dónde puede estar el error y cómo lo corrijo? Gracias.
es muy interesante tu video, pero me gustaría aconsejarte que cada vez que haces un cambio guardes y muestres que es lo que haz hecho ya que muchos nos perdemos si no sabemos cuales son los cambios que has hecho
buen video amigo podrias hacer uno en el que muestres como usar el mismo menu pero en diferentes archivos html, es decir hacer una sola vez el menu y usarlo en otras archivos html
Para los que no les funciona el boton en celulares, deben de importar su archivo de js en su html, a lo mejor para muchos esto es obvio, pero para los que estamos empezando es enredozo, se importa de la siguiente forma: Vas a tu html, una linea antes de </body> pones la siguiente etiqueta <script src="rutadetucarpetadejs/nombredetuarchivo.js"></script>
En este vídeo te voy a mostrar cómo poder hacer un Menú Horizontal Responsive con CSS Flexbox, usando un poco de Vanilla JS. Sucríbete para más vídeos como éste. :)
-------------------------------------------------------------------------------------------
ACCESO AL CÓDIGO FUENTE EN MI PATREON: https://www.patreon.com/LexterXPS
Sígueme en Facebook: http://facebook.com/XPSTutoriales
E - mail: xtremetuts@gmail.com
No olvides dejar tu Like y compartir para seguir creciendo. :)